
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
    background: #333334 url('../../images/bg-login.jpg');
    overflow: hidden;

}
.page-container-payment{
  
	background: #f0f0f0;
	
    min-height: 90%;
    height: auto !important;
    height: 80%;
    margin: 0 auto -4em;
    position:relative;
	border-radius: 5px;
	margin-top: 60px;
	overflow-x: hidden;
	overflow-y: auto;

}

.page-container-payment .table{
	font-size: 11px;
   
}
.page-container-payment .table th{ text-transform: uppercase;font-size:}

.container-table{padding-top: 10px;}
.box-total-data{ position: absolute;bottom:  10px; right: 0px; width: 100%; text-align: right; padding: 10px 15px; font-weight: bold;}

.box-payments-options{
	padding:10px 15px;
	background: #ccc;
	border: 1px solid #aaa;
}

.grid-loading{
    background: url('../../images/ui-anim_basic_16x16.gif')no-repeat center;
    padding: 16px;
    display: inline;
    line-height: 25px;
    
}

@media screen and (min-width: 768px) {
 .boleto .modal-dialog {
    right: auto;
    left: 50%;
    width: 730px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .boleto  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.boleto  .modal-content table{padding: 0px; margin: 0px;}

.box-instrucoes{display: none;}